<%@page contentType="content-type: application/x-javascript" pageEncoding="UTF-8" %>
<%@taglib prefix="s" uri="/struts-tags" %>
var datosJugadores = new Array('<s:text name="general.palabras.mostrar" />','<s:text name="general.palabras.ocultar" />');
var datosHistoria = new Array('<s:text name="general.palabras.mas" />','<s:text name="general.palabras.menos" />');
var desplegable;

var FILTRO = {

	inicio : function() {
		var formulario = $('#jugadores form');
		formulario.reset();
		$('#posicion').change(function() {
			$('#jugador').attr('selectedIndex',0);
			FILTRO.actualiza($(this).val(),$('#escuela').val());
		});
		$('#escuela').change(function() {
			$('#jugador').attr('selectedIndex',0);
			FILTRO.actualiza($('#posicion').val(),$(this).val());
		});
		$('#jugador').change(function() {
			if ($(this).val() != 0)
				document.location.href = document.location.href.split('#')[0] + '#' + $(this).val().split(' ')[0];
		});
		desplegable = $('#jugador').clone(true);
		formulario.submit(function() {
			$('#jugador').attr('selectedIndex',0);
			$.each($('#jugadores .jugador'),function() {
				if ($('#jugador optgroup option[value~=' + $(this).attr('id') + ']').length > 0)
					$(this).show();
				else
					$(this).hide();
			});
			return false;
		});
		$('#boton-ver-todos').click(function() {
			$('#jugador').html(desplegable.html());
			$('#jugadores .jugador').show();
		});
	},
	
	actualiza : function(posicion,escuela) {
		if ($('#jugador').html() != desplegable.html())
			$('#jugador').html(desplegable.html());
		var grupos = $('#jugador optgroup');
		var jugadores = $('#jugador optgroup option');
		if (posicion != 0) {
			grupos.addClass('oculto');
			jugadores.addClass('oculto');
			grupos.find('option[value~=' + posicion + ']').removeClass('oculto');
		} else {
			grupos.removeClass('oculto');
			jugadores.removeClass('oculto');
		}
		if (escuela != 0) {
			$('#jugador optgroup[label!=' + escuela + ']').addClass('oculto');
			$('#jugador optgroup[label!=' + escuela + '] option').addClass('oculto');
		}
		$.each(grupos.has('option[value~=' + posicion + ']'),function() {
			if (($(this).attr('label') == escuela) || (escuela == 0))
				$(this).removeClass('oculto');
		});
		if (grupos.find('option:not(.oculto)').length == 0)
			$('#jugador option:eq(0)').html('Ningún jugador con esas características');
		else
			$('#jugador option:eq(0)').html('Elige un jugador (' + grupos.find('option:not(.oculto)').length + ')');
		$('#jugador .oculto').remove();
	}
	
}




var JUGADORES = {

	inicio : function() {
		$('#jugadores div.jugador > button').click(function() {
			$(this).toggleClass('oculto');
			$(this).next().slideToggle(VELOCIDAD_SLIDE);
			var indice = ($(this).hasClass('oculto')==true)?1:0;
			var expresion = new RegExp(datosJugadores[indice],'gi');
			$(this).attr('title',$(this).attr('title').replace(expresion,datosJugadores[Math.abs(indice-1)]));
			$(this).html($(this).html().replace(expresion,datosJugadores[Math.abs(indice-1)]));
		});
		$('#jugadores p.historia button').click(function() {
			$(this).toggleClass('oculto');
			$(this).prev().slideToggle(VELOCIDAD_SLIDE);
			$(this).prev().prev().slideToggle(VELOCIDAD_SLIDE);
			var indice = ($(this).hasClass('oculto')==true)?1:0;
			var expresion = new RegExp(datosJugadores[Math.abs(indice-1)],'gi');
			$(this).attr('title',$(this).attr('title').replace(expresion,datosJugadores[indice]));
			expresion = new RegExp(datosHistoria[Math.abs(indice-1)],'gi');
			$(this).html($(this).html().replace(expresion,datosHistoria[indice]));
		});
	}

}




$(document).ready(function() {
	FILTRO.inicio();
	JUGADORES.inicio();
});